<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车</title>

  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 公共样式表 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 当前页样式表 -->
  <link rel="stylesheet" href="../css/shopcar.css">

  <!-- 引jq -->
  <script src="../lib/jquery.min.js"></script>

  <!-- 引当前js -->
  <script src="../js/shopcar.js"></script>
</head>

<body>

  <!-- 购物车 -->
  <div class="shopcar container mt30">
    
    <div class="shopcar-head clearfix">
      <p><input class="allsel" type="checkbox">全选</p>
      <p>商品</p>
      <p>单价</p>
      <p>数量</p>
      <p>小计</p>
      <p>操作</p>
    </div>


    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/book2.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/book2.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/book2.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>



    <div class="shopcar-foot">
      <p><input class="allsel" type="checkbox"> 全选</p>
      <p>删除选中商品</p>
      <p></p>
      <p>已选择 <span class="cf60 allNum">1</span> 件商品</p>
      <p>总价: <span class="cf60 allPrice">41.00</span></p>
      <p><button>结算</button></p>
    </div>

  </div>


</body>
</html>